
/* START Reset Styles
 * ----------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */outline: 0;}
body {background: #fff;line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
/* -----------------------------------------
END Reset Style */


/* START Default styles
 * ----------------------------------------- */
body{
    font-family : Arial;
    font-size   : 12px;
    padding     : 10px
}
a, .listing a{
    color           : green;
    text-decoration : none;
}
a:hover{
    color           : blue;
}
h1{
    font-weight : bold;
    font-size   : 200%;
}
h2{
    font-weight : bold;
    font-size   : 175%;
}
h3{
    font-weight : bold;
    font-size   : 150%;
}
h4{
    font-weight : bold;
    font-size   : 125%;
}
h5{
    font-weight : bold;
    font-size   : 100%;
}
input, select, textarea{
    font-family : Arial;
    font-size   : 100%;
    color       : #000;
}
input[type=text],
    input[type=password],
    select, textarea{
        border      : 1px solid #242a75;
        padding     : 2px 3px;
        background  : white;

}
input[type=text]{
    padding:3px 3px;
}

input[type=text].error,
    input[type=password].error{
        border:1px solid red;
}
input[type=submit],
    input[type=button]{
    border      : 1px solid #242a75;
    padding     : 1px 3px;
}
label{
    margin:0 5px 0 0;
}
fieldset{
    font-size   : 100%;
    border      : 1px solid #242a75;
    padding     : 5px 5px 5px 5px;
    background : #ededed;
}
legend{
    font-weight : bold;
    margin     : 0 5px;

}

/* -----------------------------------------
END Default styles */


/* START Menu
 * ----------------------------------------- */
.menu{
    margin  : 5px 0 0 10px;
    padding : 5px 0 0;
}
.menu > *{
    display : table-cell;
}
.menu li{
    list-style-type : none;
    padding         : 0 5px;
}
/* -----------------------------------------
END Menu */

#header-title div{
    font-size  : 50%;
    margin     : -15px 0 0 180px;
    font-style : italic;
}

#header-login{
    float:right;
    margin:-20px 0 0 0;
}

#body{
    padding       : 10px 0;
    margin        : 10px 0;
    border-top    : 1px solid #242a75;
    border-bottom : 1px solid #242a75;
}

#footer{
    margin    : 20px 0 0;
    text-align:center;
}

.listing img{
    vertical-align:-3px;
}
.listing-menu ul *{
    display:table-cell;
}
.listing-menu span{
    padding:0 5px;
}
.listing-menu ul img{
    margin-right:5px;
}

.listing table{table-layout:fixed
    margin-top:15px;
}

.listing th{
    font-weight:bold;
}
.listing tbody td{
    padding:5px 5px;
}

.listing thead th{
    padding-bottom:5px;
}

.listing tr.rowItemSelected td:first-child{
   border-left:1px solid silver;
}

.listing tr.rowItemSelected td:last-child{
    border-right:1px solid silver;
}

.listing tr.rowItemSelected > td{
    background:beige;
    border-top:1px solid silver;
    border-bottom:1px dotted silver;

}

.listing tr.rowItemDetails > td{
    background:beige;
    border-bottom:1px solid silver;
    border-left:1px solid silver;
    border-right:1px solid silver;

 }